学习webpack源码时，总是绕不开tapable，越看越觉得它晦涩难懂，但只要理解了它的功能，学习就会容易很多。 简单来说，有一系列的同步、异步任务，我希望它们可以以多种流程执行，比如： 一个执行完再执行下一个，即串行执行； 一块执行，即 ...

一、图片懒加载原理 浏览器是否发起请求图片是根据中src的属性，所以实现原理就是在图片没有进入可视区域的时候将图片链接放在datasrc中，等到图片载入可视区域再给src赋值 二、懒加载思路及实现 懒加载的实现这里提供的两种方法 ...

本文主要介绍 24 中 es6 方法，这些方法都挺实用的，小本本请记好，时不时翻出来看看。 1.如何隐藏所有指定的元素 const hide = (el) => Array.from(el).forEach(e => (e.style.di ...

背景 传统的优化用户等待的体验 - 白屏使用动画，菊花图，加载进度条等： image.png It can be bad because progress indicators by definition call attention to ...

作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树； ...

前言关于 Promise 原理解析的优秀文章，在掘金上已经有非常多了。但是笔者总是处在 看了就会，一写就废 的状态，这是笔者写这篇文章的目的，为了理一下 Promise 的编写思路，从零开始手写一波代码，同时也方便自己日后回 ...

function resolvePromise(promise2, x, resolve, reject) { //如果promise和x是同一个对象，reject返回TypeError。 if(promise2 === x){ ...

前言众所周知，图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片，当图片资源比较多且比较大（质量）的时候会严重影响页面的加载。特别是SPA应用，先加载jsbundle资源，再去加载图片 ...

手把手教学 项目：github.com/staven630/v… 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 目录 √ 配置多环境变量 √ 配置基础 vue.config.js √ 配置 ...

日常开发中积累了不少可能对一些开发有帮助的简单易用的组件，好记性不如烂笔头，想对过去的一些零零乱乱的东西做一些总结，反省自己的同时也便于思考一些更优的方法，提升下开发思维???。 代码传送门（?感觉有作用的的同学帮忙点下❤️️） 效果截图 ...